<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ include file="../../base.jsp" %>

<html>
<head>
    <!-- 页面meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>数据 - AdminLTE2定制版</title>
    <meta name="description" content="AdminLTE2定制版">
    <meta name="keywords" content="AdminLTE2定制版">
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
    <!-- 页面meta /-->
</head>
<body>
<div id="frameContent" class="content-wrapper" style="margin-left:0px;">

    <!-- 内容头部 -->
    <section class="content-header">
        <h1>
            货物管理
            <small>发票管理</small>
        </h1>
        <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> 首页</a></li>
            <li><a href="#">货运管理</a></li>
            <li class="active">发票表单</li>
        </ol>
    </section>
    <!-- 内容头部 /-->

    <!-- 正文区域 -->
    <section class="content">

        <div class="box-body">
            <!--tab页-->
            <div class="nav-tabs-custom">

                <!--基础控件-->
                <div class="tab-pane" id="tab-common">
                    <div class="row data-type">
                        <form id="editForm" action="${ctx}/cargo/invoice/edit.do" method="post"
                              enctype="multipart/form-data">
                            <input type="text" name="invoiceId" value="${invoiceId}">
                            <%--时间管理--%>
                            <div class="tab-pane" id="tab-date">
                                <div class="row data-type">
                                    <div class="col-md-2 title">发票时间</div>
                                    <div class="col-md-4 data">

                                        <div class="input-group input-group-sm">
                                            <div class="input-group-addon">
                                                <i class="fa fa-calendar"></i>
                                            </div>
                                            <input type="text" name="invoiceTime" value="${invoiceTime}"  class="form-control pull-right"
                                                   id="datepicker">

                                        </div>
                                    </div>
                                </div>

                                <%--时间管理--%>

                                <div class="col-md-2 title">报运合同号</div>
                                <div class="col-md-4 data">
                                    <input type="text" name="scNo" value="${scNo}" readonly class="form-control"
                                           placeholder="自动带入">
                                </div>


                                <div class="col-md-2 title">贸易条款</div>
                                <div class="col-md-4 data">
                                    <div class="input-group">
                                        <input type="text" name="tradeTerms" value="${tradeTerms}" readonly
                                               class="form-control"
                                               placeholder="自动带入">
                                    </div>
                                </div>


                                <div class="col-md-2 title">发票金额</div>
                                <div class="col-md-4 data">
                                    <div class="input-group">
                                        <span class="input-group-addon">$</span>
                                        <input type="text" name="invoiceMoney" value="${invoiceMoney}"
                                               readonly="readonly"
                                               class="form-control">
                                        <span class="input-group-addon">.00</span>
                                    </div>
                                </div>


                                <div class="col-md-2 title">提单凭证</div>
                                <div class="col-md-4 data">
                                    <input type="file" class="form-control" name="pickupImage">
                                </div>

                        </form>

                        <div class="col-md-2 title"></div>
                        <div class="box-tools text-center">
                            <button type="button" onclick='document.getElementById("editForm").submit()'
                                    class="btn bg-maroon">保存
                            </button>
                            <button type="button" class="btn bg-default" onclick="history.back(-1);">返回</button>
                        </div>

                    </div>


                    <script>

                        $(document).ready(function () {

                            // 颜色选取器
                            $(".my-colorpicker1").colorpicker();
                            $(".my-colorpicker2").colorpicker();

                        });
                    </script>

                </div>
                <!--基础控件/-->
            </div>
        </div>
    </section>
</div>
<script src="../../plugins/datepicker/bootstrap-datepicker.js"></script>
<script src="../../plugins/datepicker/locales/bootstrap-datepicker.zh-CN.js"></script>
<link rel="stylesheet" href="../../css/style.css">
<script>
    $('#datepicker').datepicker({
        language: "zh-CN",
        autoclose: true,
        format: 'yyyy-mm',
        startView: 'months', //开始视图层，为月视图层
        maxViewMode: 'years', //最大视图层，为年视图层
        minViewMode: 'months', //最小视图层，为月视图层
    });
</script>

</body>
</html>